<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>腾讯游戏学院</title>
<link href="css/public.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="header">
	<a class="logo" href="#"><img src="images/logo.png"/></a>
    <ul>
    	<li><a href="#">首页</a></li>
        <li><a href="#">社区</a></li>
        <li><a href="#">课堂</a></li>
        <li><a href="#">项目</a></li>
        <li><a href="#">活动</a></li>
        <li><a href="#">峰会</a></li>
    </ul>
	<a class="login" href="#">登录</a>
</div>

<div id="banner">
	<a href="#"><img src="images/banner.png"/></a>
</div>

<div id="game">
	<div class="margin">
    	<ul>
        	<li class="te">
            	<img src="images/one.png"/>
                <p>欢迎来到英雄联盟！</p>
            </li>
            <li>
            	<img src="images/two.png"/>
                <p>冰晶凤凰-艾尼维亚</p>
            </li>
            <li>
            	<img src="images/three.png"/>
                <p>黑暗之女-安妮</p>
            </li>
            <li>
            	<img src="images/four.png"/>
                <p>龙血武姬-希瓦娜</p>
            </li>
            <li>
            	<img src="images/five.png"/>
                <p>寒冰射手-艾希</p>
            </li>
        </ul>
    </div>
</div>

<div id="forum">
	<div class="margin">
        <div class="t">
        	<h3>社区交流</h3>
        </div>
        <div class="m">
        	<div class="l">
            	<p class="p0">最新阅读</p>
                <ul>
                	<li class="te">
                    	<h4>VR忠实支持者AMD在印度孟买电影节公布VR新技术</h4>
                        <p class="over">《巴霍巴利王》电影&nbsp;&nbsp;&nbsp;&nbsp;AMD 无疑是虚拟现实的忠实支持者，除了研发自家 VR-Re呵呵呵呵</p>
                        <div>
                        	<span class="s1">作者：</span>
                            <a href="#">GAD程序小编</a>
                            <img class="yan" src="images/yan.png"/>
                            <span class="s2">37</span>
                            <img class="hua" src="images/hua.png"/>
                            <span class="s3">1</span>
                            <span class="s4">2016-10-25</span>
                        </div>
                    </li>
                    <li>
                    	<h4>小米发布VR眼镜正式版售价199元 雷军认为VR还需3-5年</h4>
                        <p class="over">导读：今日，小米在北京召开了发布会，除了发布手机Note2之外，还发布了V</p>
                        <div>
                        	<span class="s1">作者：</span>
                            <a href="#">GAD程序小编</a>
                            <img class="yan" src="images/yan.png"/>
                            <span class="s2">41</span>
                            <img class="hua" src="images/hua.png"/>
                            <span class="s3">0</span>
                            <span class="s4">2016-10-25</span>
                        </div>
                    </li>
                    <li>
                    	<h4>万圣节来了我们该玩什么？VR恐怖游戏教你做人！</h4>
                        <p class="over">导读：去游乐场看鬼屋，参加异装派对什么的都弱爆了！小编今天给大家介绍呵呵呵呵</p>
                        <div>
                        	<span class="s1">作者：</span>
                            <a href="#">GAD程序小编</a>
                            <img class="yan" src="images/yan.png"/>
                            <span class="s2">32</span>
                            <img class="hua" src="images/hua.png"/>
                            <span class="s3">0</span>
                            <span class="s4">2016-10-25</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="c">
            	<p class="p0">热门回答</p>
                <div class="nei">
                    <ul>
                        <li class="q">
                            <h3>【有奖话题】哪些游戏质量不错，但最终失败？</h3>
                        </li>
                        <li class="w">
                            <img src="images/touxiang1.png"/>
                            <div class="hudong">
                                <div class="fu">
                                    <b>Destin...</b>
                                    <span>2016-10-25 回答了该问题</span>
                                </div>
                                <p><a href="#">dot这个游戏，一个很精致的休闲游戏。易于上手，难度有浮动，画风细...</a></p>
                            </div>
                        </li>
                        <li class="w">
                            <img src="images/touxiang2.png"/>
                            <div class="hudong">
                                <div class="fu">
                                    <b class="b1">寒城*</b>
                                    <span>2016-10-25 回答了该问题</span>
                                </div>
                                <p><a href="#">那当然是国服《冒险岛》。它的运营非常的“成功”：绝大部分的游戏，...</a></p>
                            </div>
                        </li>
                    </ul>
            	</div>
            </div>
            <div class="r">
            	<p class="p0">精彩推荐</p>
                <div class="r-b">
                	<a href="#"><img src="images/r-b.png"/></a>
                    <a class="jieda" href="#">腾讯数值专家在线问答</a>
                </div>
            </div>
        </div>
        <div class="b">
        	<ul>
            	<li>
                	<a href="#">
                    	<i class="i1"></i>
                        <b>程序</b>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<i class="i2"></i>
                        <b>策划</b>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<i class="i3"></i>
                        <b>美术</b>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<i class="i4"></i>
                        <b>VR</b>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<i class="i5"></i>
                        <b>测试</b>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<i class="i6"></i>
                        <b>音频</b>
                    </a>
                </li>
            </ul>
        </div>
	</div>
</div>

<div id="course">
	<div class="margin">
    	<div class="t">
        	<div class="t-s">
            	<h3>游戏课堂</h3>
                <a href="#">more<span>+</span></a>
            </div>
            <div class="t-x">
            	<a class="te" href="#">策划</a>
                <span>/</span>
                <a href="#">程序</a>
                <span>/</span>
                <a href="#">美术</a>
                <span>/</span>
                <a href="#">VR</a>
            </div>
        </div>
        <div class="b">
        	<ul class="wai">
            	<li class="q">
                    <a href="#">
                    	<i class="i1 bg z"></i>
                        <p>GAD精品课：关卡设计之控制力</p>
                        <div>
                        	<b>免费</b>
                            <span class="s1">4</span>
                            <i class="hua bg"></i>
                            <span class="s2">8314</span>
                            <i class="jiantou bg"></i>
                        </div>
                    </a>
                </li>
                <li class="q">
                    <a href="#">
                    	<i class="i2 bg z"></i>
                        <p>游戏商业化——拉收之美</p>
                        <div>
                        	<b>免费</b>
                            <span class="s1">6</span>
                            <i class="hua bg"></i>
                            <span class="s2">25347</span>
                            <i class="jiantou bg"></i>
                        </div>
                    </a>
                </li>
                <li class="q">
                    <a href="#">
                    	<i class="i3 bg z"></i>
                        <p class="over">【7.18更新】策划装逼指南（通过玩家思维转变</p>
                        <div>
                        	<b>免费</b>
                            <span class="s1">20</span>
                            <i class="hua bg"></i>
                            <span class="s2">28670</span>
                            <i class="jiantou bg"></i>
                        </div>
                    </a>
                </li>
                <li class="w">
                	<i class="i4 bg"></i>
                    <ul class="nei bg">
                    	<li><a href="#">关卡策划</a></li>
                        <li><a href="#">系统策划</a></li>
                        <li><a href="#">策划新手</a></li>
                        <li><a href="#">运营策划</a></li>
                        <li><a href="#">剧情策划</a></li>
                        <li><a href="#">数值策划</a></li>
                    </ul>
                </li>
                <li class="q">
                    <a href="#">
                    	<i class="i5 bg z"></i>
                        <p>数值策划之Excel常用工具实用案例</p>
                        <div>
                        	<b>免费</b>
                            <span class="s1">9</span>
                            <i class="hua bg"></i>
                            <span class="s2">24220</span>
                            <i class="jiantou bg"></i>
                        </div>
                    </a>
                </li>
                <li class="q">
                    <a href="#">
                    	<i class="i6 bg z"></i>
                        <p>Gad峰会策划论坛全纪录</p>
                        <div>
                        	<b>免费</b>
                            <span class="s1">9</span>
                            <i class="hua bg"></i>
                            <span class="s2">23678</span>
                            <i class="jiantou bg"></i>
                        </div>
                    </a>
                </li>
                <li class="q">
                    <a href="#">
                    	<i class="i7 bg z"></i>
                        <p>邻居家的游戏王国（下）</p>
                        <div>
                        	<b>免费</b>
                            <span class="s1">0</span>
                            <i class="hua bg"></i>
                            <span class="s2">24033</span>
                            <i class="jiantou bg"></i>
                        </div>
                    </a>
                </li>
                <li class="e">
                	<i class="i8 bg"></i>
                    <i class="i9 bg">
                    	<span>文章：</span>
                        <a href="#" class="over">【专访】--《拳皇98 终极之战-OL》立马发布</a>
                    </i>
                </li>
                <li class="r">
                	<a href="#"><i class="i10 bg"></i></a>
                </li>
                <li class="t">
                	<a href="#"><i class="i11 bg"></i></a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div id="product">
	<div class="t">
    	<h3>优秀获奖作品</h3>
        <a href="#">more<span>+</span></a>
    </div>
    <div class="m">
    	<ul>
        	<li>
            	<a href="#">
            		<i class="i1 bg"></i>
                    <p>影子里的我</p>
                </a>
            </li>
            <li>
            	<a href="#">
            		<i class="i2 bg"></i>
                    <p>蜡烛人</p>
                </a>
            </li>
            <li>
            	<a href="#">
            		<i class="i3 bg"></i>
                    <p>说剑</p>
                </a>
            </li>
            <li>
            	<a href="#">
            		<i class="i4 bg"></i>
                    <p>超级幻影猫</p>
                </a>
            </li>
            <li>
            	<a href="#">
            		<i class="i5 bg"></i>
                    <p>暴击英雄</p>
                </a>
            </li>
            <li class="te">
            	<a href="#">
            		<i class="i6 bg"></i>
                    <p>永无止境</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="b">
    	<ul>
        	<li>
            	<div class="bn">
                	<div class="bnt">
                    	<img src="images/p1.png"/>
                        <b>项目引入</b>
                    </div>
                    <p>项目来源GAD大赛报名以及由游戏联盟孵化营选送优秀作品。</p>
                </div>
                <img class="valign" src="images/pjian.png"/>
            </li>
            <li>
            	<div class="bn">
                	<div class="bnt">
                    	<img src="images/p2.png"/>
                        <b>项目评审</b>
                    </div>
                    <p>经专业评审团的综合评审，选出综合实力强的项目，选取孵化项目。</p>
                </div>
                <img class="valign" src="images/pjian.png"/>
            </li>
            <li>
            	<div class="bn">
                	<div class="bnt">
                    	<img src="images/p3.png"/>
                        <b>项目孵化</b>
                    </div>
                    <p>结合项目发展需要，给予人才、技术、资金等帮扶支持。</p>
                </div>
                <img class="valign" src="images/pjian.png"/>
            </li>
            <li class="te">
            	<div class="bn">
                	<div class="bnt">
                    	<img src="images/p4.png"/>
                        <b>商业化</b>
                    </div>
                    <p>依托腾讯游戏十年商业化运营经验，针对各类项目特点，制定专属商业化运营方案。</p>
                </div>
            </li>
        </ul>
    </div>
</div>

<div id="activity">
	<div class="margin">
        <div class="t">
            <h3>活动</h3>
            <a href="#">more<span>+</span></a>
        </div>
        <div class="b">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/a1.jpg"/>
                        <p>《逆战》美术：设计的无尽魅力</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/a2.jpg"/>
                        <p>腾讯资深数值老司机：如何好好做数值</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/a3.jpg"/>
                        <p>研发人员之“接单干活”的行为应该支持吗？</p>
                    </a>
                </li>
                <li class="te">
                    <a href="#">
                        <img src="images/a4.jpg"/>
                        <p>火源兄弟杯 游戏|影视美术概念设计大赛</p>
                    </a>
                </li>
            </ul>
        </div>
	</div>
</div>

<div id="cooperation">
	<div class="s">
        <div class="margin">
        	<div class="jigou">
            	<img src="images/shuxian.jpg"/>
                <p>合作机构</p>
            </div>
            <ul>
            	<li class="valign t1"><a href="#"><img src="images/fzd.jpg"/></a></li>
                <li class="valign"><a href="#"><img src="images/mic.jpg"/></a></li>
                <li class="valign"><a href="#"><img src="images/vive.jpg"/></a></li>
                <li class="valign"><a href="#"><img src="images/egret.jpg"/></a></li>
                <li class="valign"><a href="#"><img src="images/daxue.jpg"/></a></li>
                <li class="valign"><a href="#"><img src="images/tgp.jpg"/></a></li>
                <li class="valign t2"><a href="#"><img src="images/h2.jpg"/></a></li>
                <li class="valign t2"><a href="#"><img src="images/uc.jpg"/></a></li>
                <li class="valign t2"><a href="#"><img src="images/art.jpg"/></a></li>
                <li class="valign t2"><a href="#"><img src="images/au.jpg"/></a></li>
            </ul>
            <div class="friendlink">
            	<img src="images/shuxian.jpg"/>
                <p>友情链接</p>
            </div>
            <div class="wangzhan">
            	<b>媒体网站</b>
                <a href="#">游戏陀螺</a>
                <span>|</span>
                <a href="#">VR陀螺</a>
                <span>|</span>
                <a href="#">游戏头条</a>
                <span>|</span>
                <a href="#">GameRes游资网</a>
                <span>|</span>
                <a href="#">diycode开发社区</a>
                <span>|</span>
                <a href="#">七匣子</a>
                <span>|</span>
                <a href="#">DOGAME游戏兵工厂</a>
                <span>|</span>
                <a href="#">手游那点事</a>
                <span>|</span>
                <a href="#">9669手游网</a>
                <span>|</span>
                <a href="#">白鲸社区</a>
                <span>|</span>
                <a href="#">VR186</a>
                <span>|</span>
                <a href="#">40407网页游戏</a>
                <span>|</span>
                <a href="#">游戏坛子</a>
                <span>|</span>
                <a href="#">泰斗社区</a>
                <span>|</span>
                <a href="#">VR虚拟现实</a>
                <span class="te">|</span>
                <a href="#">油菜花社区</a>
                <span>|</span>
                <a href="#">UCCVR</a>
                <span>|</span>
                <a href="#">93636手游网</a>
                <span>|</span>
                <a href="#">泰课在线</a>
                <span>|</span>
                <a href="#">iidc-信息与交互设计专业委员会</a>
                <span>|</span>
                <a href="#">游戏行</a>
                <span>|</span>
                <a href="#">H2学院</a>
                <span>|</span>
                <a href="#">橘子VR</a>
                <span>|</span>
                <a href="#">VR技术开发网</a>
            </div>
        </div>
        <div class="barcode">
        	<div class="l clear">
            	<p>关注GAD微信公众号</p>
                <img src="images/bar2.jpg"/>
            </div>
            <div class="r">
            	<a href="#" class="a1"><img src="images/bar3.jpg"/></a>
                <b class="clear"><img src="images/bar4.jpg"/></b>
                <a href="#" class="a2 clear">站点指引</a>
            </div>
        </div>
    </div>

</div>

<div id="platform">
	<div class="margin">
        <div class="t">
        	<div class="l">
            	<p>开放平台</p>
                <ul>
                	<li class="te"><a href="#"><img src="images/1.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/2.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/3.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/4.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/5.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/6.jpg"/></a></li>
                    <li><a href="#"><img src="images/7.jpg"/></a></li>
                    <li><a href="#"><img src="images/8.jpg"/></a></li>
                    <li><a href="#"><img src="images/9.jpg"/></a></li>
                    <li><a href="#"><img src="images/10.jpg"/></a></li>
                    <li><a href="#"><img src="images/11.jpg"/></a></li>
                    <li><a href="#"><img src="images/12.jpg"/></a></li>
                    <li><a href="#"><img src="images/13.jpg"/></a></li>
                    <li><a href="#"><img src="images/14.jpg"/></a></li>
					<li class="last"><a href="#">更多</a></li>
                </ul>
            </div>
            <div class="r">
            	<b>收听微博</b>
                <a href="#"><img src="images/weibo.jpg"/>开放平台学院</a>
                <b>关注空间</b>
                <a href="#"><img src="images/kongjian.jpg"/>开放平台学院</a>
            </div>
        </div>
        <div class="b">
            <p>合作伙伴</p>
            <a class="te" href="#">腾讯云论坛</a>
            <a href="#">TechWeb</a>
            <a href="#">CSDN</a>
            <a href="#">36Kr</a>
            <a href="#">DoNews</a>
            <a href="#">APP游戏部落</a>
            <a href="#">天极网</a>
            <a href="#">凤凰网科技频道</a>
            <a class="te" href="#">易观网</a>
            <a href="#">馒头商学院</a>
            <a href="#">雷锋网</a>
            <a href="#">飞象网</a>
            <a href="#">数码港</a>
            <a href="#">艾瑞网</a>
            <a href="#">落伍者</a>
            <a href="#">LAMP人</a>
            <a href="#">QQ浏览器</a>
        </div>
    </div>
</div>

<div id="footer">
	<div class="margin">
		<a class="a1" href="#">服务协议</a>
        <span>|</span>
        <a href="#">隐私政策</a>
        <span>|</span>
        <a href="#">版权保护投诉指引</a>
        <p>Copyright&copy;1998-2016 Tencent All Rights Reserved</p>
        <p class="p1">腾讯公司 版权所有</p>
	</div>
</div>

</body>
</html>
